@charset "utf8";
main{
	width: 100%;
	height: 5087px;
	background: #ffffff;
}

/* 面包屑导航 */
main div#zbk nav#wrapper {
	width: 1104px;
	height: 100px;
	background: #ffffff;
	margin: 0 auto;
	bor der: 1px solid red;
}
.sticky{
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 2;
			}
/* 左侧 */
/* 宽高 外边距 内边距 居中 变色 */
main div#zbk nav#wrapper div.head_left{	
	width: 750px;
	height: 100px;
	float: left;
	background: #ffffff;
}
main div#zbk nav#wrapper div.head_left ul li{
	float: left;
}
main  div#zbk nav#wrapper div.head_left ul li a{
	color: #333333;
	line-height: 100px;
	padding: 0 5px;
	
}
main div#zbk nav#wrapper div.head_left ul li a:hover{
	color: #FF6700;
}

/* 精灵图 */
main  div#zbk nav#wrapper div.head_left ul li.jing i.cc{
	padding: 17px 27px;
	background: url(../img/LOGO.png) no-repeat;
}
main  div#zbk nav#wrapper div.head_left ul li.jing i.cc1{
	margin: 0;
	padding: 20px 79px;
	background: url(../img/donghua.gif) no-repeat;
}


/* 右侧 */
main  div#zbk nav#wrapper div.head_right{
	float: right;
	border: 1px solid #e0e0e0;
	margi n-right: 46px;
	width: 268px;
	height: 45px;
	margin-top: 28px;
}

/* 文本  右浮动 内边距*/
main div#zbk nav#wrapper div.head_right ul li a{
	font-size: 13px;
	float: right;
}
/* 框 */
main div#zbk nav#wrapper div.head_right ul li.ccc a{
	margin-top: 12px;
	margin-right: 11px;
	padding: 1px;/* 文本与边框的距离 */
	background: #eeeeee;
	border: 1px solid #eeeeee;
}
/* 字体变颜色 */
main div#zbk nav#wrapper div.head_right ul li.ccc a:hover{
	color: #eeeeee;
	background: #FF6700;
	
}
main div#zbk nav#wrapper div.head_right ul li a.c{
	padding-top: 10px;
	border-left: 1px solid #eeeeee;
	height: 35px;
	 
}
main div#zbk nav#wrapper div.head_right ul li a.c i{
	padding: 13px 23px;
	background: url(../img/search.png) no-repeat;
	background-position: center;
	
}
/* ---------------左栏和轮播图------------------- */

/* 左栏 */
main div#zbk div#bo aside{
	width: 700px;
	height: 415px;	
	float: left;		
	margin: 0 auto;	
		
 }
main div#zbk div#bo aside div#wrapper{
	width: 212px;
	height: 415px;
	background: #8c8c8c;
	bord er: 1px solid red;
	position: relative;
	top: 10px;
	
	
}			 
main div#zbk div#bo aside div#wrapper ul.sidebar li{
	 height: 39.5px;
	 width: 187px;
	 /* 相对定位--挂靠点 */
	 position: relative;
	 text-align: left;
	 line-height: 39.5px;
	 top: 12px;
	 color: #ffffff;
	 font-size: 14px;
	 padding-left: 25px;
			 } 
main div#zbk div#bo aside div#wrapper ul.sidebar li:hover{
		 background: #FE8729;
		 display: block;
 }
			main div#zbk div#bo  aside div#wrapper ul.sidebar div.out{
				 width: 400px;
				 height: 414px;
				 border: 1px solid red;
				 /* 挂靠位：绝对定位：按照相对定位基点开始定位 */
				 position: absolute;
				 left:212px;
				 /* 显示与隐藏 JavaScript【JQuery框架】 */
				 display: none;
				 z-index: 2;
			 }
/*新增样式*/
main div#zbk div#bo  aside div#wrapper ul.sidebar li span{
				bord er: 1px solid red;
				float: right;
				/*间隙 内边框*/
				padding-right: 21px;
		        line-height: 39.5px;
			}
/* ---------------------------------- */
/* 轮播图 */
main div#zbk div#bo figure{
	/* 轮播图的宽高 */
	width: 1162px;
	
	height: 415px;
	backgro und: #ffff7f;
	bord er: 1px solid red;
	float: right;
	margin: -435px 0;
	
}



/* ---------------------------------- */
/* 图片 */
main div#zbk div#img{
	bor der: 1px solid red;
	height: 184px;
}
main div#zbk  div#img ul.imgs{
	borde r: 1px solid red;
	width: 1104px;
	height: 153px;
	position: relative;
	 top: 31px;
	float: left;
}
main div#zbk div#img ul.imgs li img {
	height: 153px;
	float: left;
	bord er: 1px solid red;
	margin-left: 13.4px;/*  外边距 */ 

}
main div#zbk  div#img ul.imgs li.yitu img{
	margin-left: 0;/* 第一张图片没有外边距 */
}
main div#zbk  div#img ul.imgs img:hover{
	box-shadow: 3px 3px 15px #bfbbbd;/* 外部阴影 */
	
}
main div#zbk  div#img ul.imgs li.yitu img:hover{
	 box-shadow: none;/*第一个图片不设置阴影 */
}


/* ---------小米明星单品--------- */
main div#zbk div#danpin{
	bord er: 1px solid black;
    width: 1104px;
	height: 432px;
}

main div#zbk  div#danpin div#mingxing{
	height: 89px;
	bord  er: 1px solid red;
}
main div#zbk  div#danpin div#mingxing div.mimi{
	bor der: 1px solid red;
	height: 46px;
	width: 1104px;
	padding-top: 44px;
}
main div#zbk  div#danpin div#mingxing div.left div.xm{
	bord er: 1px solid red;
	width: 200px;
	font-size: 20px;
	color: #333333;
	float: left;
}
main div#zbk  div#danpin div#mingxing div.right {
	borde r: 1px solid red;
	width: 200px;
	color: #333333;
	bord er: 1px solid black;
	float: right;
}
main div#zbk  div#danpin div#mingxing div.right div{
	float: right;
	width: 35px;
	height: 26px;
	border: 1px solid #e0e0e0;
	text-align: center;
}
main div#zbk  div#danpin div#mingxing div.right div:hover{
	background-color: #666666;
}


/* 小米明星单品下的图片 */
main div#zbk  div# danpin div#under{
	borde r: 1px solid red;
	height: 307px;
}


main div#zbk  div#danpin div#under dl{
	bord er: 1px solid red;
	height: 307px;
	width: 211px;
	background: #fafafa;
	float: left;
	margin-right: 12px;
}
main div#zbk  div#danpin div#under dl:hover{
	filter: drop-shadow(0 0 8px #c1bbbf);
}
main div#zbk  div#danpin div#under dl.last{
	border-top:1px solid #00c0a5;
	margin-right: 0;
}

main div#zbk  div#danpin div#under dl dd{
	color: #333333;
	font-size: 13px;
	text-align: center;
}
main div#zbk  div#danpin div#under dl dd.product_content{
	color: #b0b0b6;
	font-size: 11px;
	line-height: 40px;
}
main div#zbk  div#danpin div#under dl dd.product_price{
	color: #ff6700;
	font-size: 12px;
}
main div#zbk  div#danpin div#under dl.chazuo{
	border-top: 1px solid #fface3;
}
main div#zbk  div#danpin div#under dl.jinghua{
	border-top: 1px solid  #83c44e;
}
main div#zbk  div#danpin div#under dl.kongzhi{
	border-top: 1px solid #2196f3;
}
main div#zbk  div#danpin div#under dl.erji{
	border-top: 1px solid #e53935;
}
/* 图片居中 */
main div#zbk  div#danpin div#under dl dt img{
	margin: 43px 28px;
}
main div#zbk  div#danpin div#under dl.chazuo dt img{
	margin: 46px 67px;
}
main div#zbk  div#danpin div#under dl.kongzhi dt img{
	margin: 74px 36px;
}
main div#zbk  div#danpin div#under dl.erji dt img{
	margin: 27px 56px;
}



/* --------------智能硬件及以下 ------------------ */

main div#dbk div#wrapper div#border div.left div{
	float: left;
	font-size: 20px;
	position: relative;
	top: 72px;
	color: #333333;
}
/* 右 */
main div#dbk div#wrapper div#border div.right ul {
	bo rder: 1px solid red;/* 设置在右侧的边框，将文本和精灵图右浮动并且相对定位  */
	width: 120px;
	float: right;
	position: relative;
	top: 71px; 
}
main div#dbk div#wrapper div#border div.right ul li{
	float: right;
}
main div#dbk div#wrapper div#border div.right ul li a{
	 paddi ng: 10px;/* 与精灵图的距离 */
	 color: #333333;
}
main div#dbk div#wrapper div#border div.right ul li a i.search{
	bor der: 1px solid black;
	margin-left: 10px;
	padding: 0 10px;
	background: url(../img/hardware_morebtn.png) no-repeat;
}


/*---智能硬件下的图片  ---- */
main div#dbk div#w rapper div#text{
	bord er: 1px solid red;
	height: 568px;
}
main div#dbk div#wrapper div#text div.left{
	height: 568px;
	width: 240px;
	float: left;
}
main div#dbk div #wrapper div#text div.left img{
	float: left;
	
	
}
main div#dbk div#wrapper div#text div.left dd{
	position: relative;
	top: -516px;
	margin-bottom: 11px;
}
main div#dbk div#wrapper div#text div.left dd.mitu{
	font-size: 22px;
}
main div#dbk div#wrapper div#text div.left dd.anquan{
	margin-bottom: 41px;
	font-size: 14px;
}
main div#dbk div#wrapper div#text div.left dd.price{
	font-size: 25px;
	color: #00a8ff;
}
main div#dbk div#wrapper div#text div.left dd.price span{
	font-size: 13px;
	color: #00a8ff;
}

main div#dbk div#wrapper div#text div.right{
	bord er: 1px solid black;
	width: 861px;
	float: right;
	height: 568px;
}
main div#dbk div#wrapper div#text div.right div.top{
	bor der: 1px solid #00007f;
	float: right;
	width: 861px;
	height: 274px;
} 
main div#dbk div#wrapper div#text div.right div.top dl{
	float: right;
	background: #ffffff;
	width: 202px;
	height: 274px;
	bord er: 1px solid red;
	margin-left: 13px;
}
/* 调图片位置 */
main div#dbk div#wrapper div#text div.right div.top dl.cheng dt img{
	margin: 88px auto;
}
main div#dbk div#wrapper div#text div.right div.top dl.cheng div{
	position: relative;
	top: -58px;
}

/* 下 */
main div#dbk div#wrapper div#text div.right div.bottem{
	bord er: 1px solid #00007f;
	float: right;
	width: 861px;
	height: 274px;
	margin-top: 15px;
} 
main div#dbk div#wrapper div#text div.right div.bottem dl{
	float: right;
	background: #ffffff;
	width: 202px;
	height: 274px;
	bo rder: 1px solid red;
	margin-left: 13px;
}


/* 搭配一行文字 */

main div#dbk div#wr apper div#daper div.xiao{
	borde r: 1px solid black;
	height: 30px;
	padding-top: 40px;
}
main div#dbk div#wra pper div#daper div.xiao div.left{
	float: left;
	font-size: 20px;	
}
main div#dbk div#wrap per div#daper div.xiao div.right{
	bord er: 1px solid red;
	width: 500px;
	float: right;
}
main div#dbk div#wra pper div#daper div.xiao div.right ul li a{
	float: right;
	margin: 10px;
}
main div#dbk div#w rapper div#daper div.xiao div.right ul li a:hover{
	color: #FF6700;
	text-decoration:underline;
}
main div#dbk div#wra pper div#daper div.xiao div.right ul li.remen a{
	color: #FF6700;
	text-decoration:underline;
	}

/* 搭配下第一行图片 */

main div#dbk div#wr pper div#xia div#left{
	float: left;
}
main div#dbk div#wra pper div#xia div#left:hover{
	filter: drop-shadow(0 0 8px #c1bbbf);
}
main div#dbk div#wrap per div#xia div#right{
	float: right;
}
main di v#dbk div#wrap per div#xia div#right dl{
	background: #ffffff;
	float: right;
	height: 274px;
	width: 202px;
	bord er: 1px solid red;
	margin-left: 13px;
}
main div#dbk div#wrapper div#xia div#right dl dt{
	padding-top: 44px;
}
main div#dbk div#wrapper div#xia div#right dl.tz dt{
	padding-top: 87px;
}
main div#dbk div#wrapper div#xia div#right dl.tz dd.text{
	padding-top: 55px;
}
main div#dbk div#wrapper div#xia div#right dl.xiangji dt{
	padding-top: 37px;
}

/* 第二行图片 */
main div#dbk div#wra pper div#two{
	bord er: 1px solid red;
	height: 274px;
	margin-top: 15px;
}
main div#dbk div#wr apper div#two  div#left img{
	
	width: 237px;
	height: 274px;
}
main div#dbk div#wr apper div#two div#left:hover{
	filter: drop-shadow(0 0 8px #c1bbbf);
}
main div#dbk div#wr apper div#two div#right dl{
	background: #ffffff;
	bord er: 1px solid red;
	width: 202px;
	height: 274px;
	float:right;
	margin-left: 13px;
}
main div#dbk div#wrapper div#two div#right dl dt img{
	height: 105px;
	padding-top: 56px;
}

main div#dbk div#wrapper div#two  div#right dl.img dt img{
	width: 202px;
	height: 132px;
	padding-top: 0;
}
main div#dbk div#wrap per div#two  div#right dl.img dt.liulan img{
	margin-top: 6px;
}


/* 周边一行文字 */
main div#dbk div#w rapper div#zhoubian{
	borde r: 1px solid red;
	height: 83px;
}
main div#dbk div#wrapper div#zhoubian div.xiao{
	borde r: 1px solid black;
	height: 30px;
	padding-top: 40px;
	
}
main div#dbk div#wrapper div#zhoubian div.xiao div.left{
	float: left;
	font-size: 20px;
	
}
main div#dbk div#wra pper div#zhoubian div.xiao div.right{
	bord er: 1px solid red;
	width: 500px;
	float: right;
}
main div#dbk div#wrap per div#zhoubian div.xiao div.right ul li a{
	float: right;
	margin: 10px;
}
main div#dbk div#wra pper div#zhoubian div.xiao div.right ul li a:hover{
	color: #FF6700;
	text-decoration:underline;
}
main div#dbk div#wr apper div#zhoubian div.xiao div.right ul li.remen a{
	color: #FF6700;
	text-decoration:underline;
	}
	
	
/* 周边下第一行图片 */
main div#dbk div# wrapper div#zb{
	height: 274px;
	borde r: 1px solid red;
}	
main div#dbk div #wrapper div#zb div#left{
	float: left;
}
main div#dbk div# wrapper div#zb div#left:hover{
	filter: drop-shadow(0 0 8px #c1bbbf);
}
main div#dbk div#wr apper div#zb div#right{
	float: right;
}
main div#dbk div#wra pper div#zb div#right dl{
	float: right;
	background: #ffffff;
	width: 202px;
	height: 274px;
	margin-left: 13px;
}
main div#dbk div#wrapper div#zb div#right dl dt{
	padding-top: 20px;
}
	
/* 第二行 */
main div#dbk div#w rapper div#zhoutwo div#left{
	float: left;
}
main div#dbk div#wrapper div#zhoutwo div#left:hover{
	filter: drop-shadow(0 0 8px #c1bbbf);
}
main div#dbk div#w rapper div#zhoutwo div#right{
	float: right;
}
main div#dbk div#wrapp er div#zhoutwo div#right dl{
	float: right;
	width: 202px;
	height: 274px;
	background: #ffffff;
	margin-left: 13px;
}
main div#dbk div#wrapper div#zhoutwo div#right dl dt img{
	padding-top: 33px;
}
main div#dbk div#wrapper div#zhoutwo div#right dl.img dt img{
	height: 132px;
	width: 202px;
	padding-top: 0;
	
}
main div#dbk div#wrapper div#zho utwo div#right dl.img dt.liulan img{
	margin-top: 6px;
}
main div#dbk div#wrapp er div#zhoutwo div#right dl.img{
	background: #f5f5f5;
}

/* 配件一行文字 */
main div#dbk div#wrap per div#peijian div.xiao{
	borde r: 1px solid black;
	height: 30px;
	padding-top: 40px;
}
main div#dbk div#w rapper div#peijian div.xiao div.left{
	float: left;
	font-size: 20px;
}
main div#dbk div#wra pper div#peijian div.xiao div.right{
	bord er: 1px solid red;
	width: 500px;
	float: right;
}
main div#dbk div#wrapper div#pei jian div.xiao div.right ul li a{
	float: right;
	margin: 10px;
}
main div#dbk div#wrapper div#pei jian div.xiao div.right ul li a:hover{
	color: #FF6700;
	text-decoration:underline;
}
main div#dbk div#wrapper div#pe ijian div.xiao div.right ul li.remen a{
	color: #FF6700;
	text-decoration:underline;
	}

/* 配件第一行图片 */	
main div#dbk div#wrapper div#pj div#left dl dt img{
	width: 237px;
	height: 274px;
}
main div#dbk div#w rapper div#pj div#left dl dt img:hover{
	filter: drop-shadow(0 0 8px #c1bbbf);
}
main div#dbk div#wrap per div#pj div#right{
	float: right;
}
main div#dbk div#wra pper div#pj div#right dl{
	background: #ffffff;
	width: 202px;
	height: 272px;
	float: right;
	margin-left: 13px;
}
main div#dbk div#wrapper div#pj div#right dl img{
	margin-top: 35px;
}

/* 配件第二行图片 */

main div#dbk div#wrapper div#pjtwo div#left dl dt img{
	height: 274px;
	width: 237px;
}
main div#dbk div#wrap per div#pjtwo div#left dl dt img:hover{
	filter: drop-shadow(0 0 8px #c1bbbf);
}
main div#dbk div#wrap per div#pjtwo div#right{
	float: right;
}
main div#dbk div#wrap per div#pjtwo div#right dl{
	float: right;
	background: #ffffff;
	height: 274px;
	width: 202px;
	margin-left: 13px;
}
main div#dbk div#wrapper div#pjtwo div#right dl dt img{
	margin-top: 33px;
}
main div#dbk div#wrapper div#pjtwo div#right dl.img{
	width: 202px;
	height: 274px;
	backgr ound: #f5f5f5;
	
}
main div#dbk div#wrapper div#pjtwo div#right dl.img dt img{
	width: 202px;
	height: 132px;
	margin-top: 0;
}
main div#dbk div#wrapper div#pjtwo div#right dl.img dt.liulan img{
	margin-top: 6px;
}

/* 热评产品 */

main div#dbk div#wrapper div#ccp div#reping{
	float: left;
	font-size: 20px;
	padding-top: 40px;
}

/* 热评产品图片 */
main div#dbk div#wr apper div#rp{
	height: 377px;
}
main div#dbk div#wrapper div#rp dl dt img{
	width: 269px;
}
main div#dbk div#wrapper div#rp dl{
	background: #ffffff;
	width: 269px;
	height: 377px;
	float: left;
	margin-right: 9px;
}
main div#dbk div#wrapper div#rp dl.m{
	margin-right: 0;
}
main div#dbk div#wrapper div#rp dl dd{
	text-align: left;
}
main div#dbk div#wrapper div#rp dl div {
	width: 215px;
	height: 123px;
	margin: 32px auto;
}
main div#dbk div#wrapper div#rp dl div dd.mt{
	color: #b0b0b6;
	font-size: 11px;
	margin-top: 29px;
}
main div#dbk div#wrapper div#rp dl div dd.bb{
	color: #b0b0b6;
	font-size: 11px;
	margin-top: 41px;
}
main div#dbk div#wrapper div#rp dl div  dd.dd {
	width: 71px;
	margin-top: 11px;
	border-right: 1px solid black;
}
main div#dbk div#wrapper div#rp dl div  dd.ww {
	width: 82px;
	margin-top: 11px;
	border-right: 1px solid black;
}
main div#dbk div#wrapper div#rp dl div  dd.rr {
	width: 123px;
	margin-top: 11px;
	border-right: 1px solid black;
}
main div#dbk div#wrapper div#rp dl div  dd.aa {
	width: 134px;
	margin-top: 11px;
	border-right: 1px solid black;
}
main div#dbk div#wrapper div#rp dl div dd.y{
	color: #FF6700;
	position: relative;
	left: 142px;
	top: -17px;
}
main div#dbk div#wrapper div#rp dl div dd.yu{
	color: #FF6700;
	position: relative;
	left: 83px;
	top: -17px;
}
main div#dbk div#wrapper div#rp dl div dd.yua{
	color: #FF6700;
	position: relative;
	left: 135px;
	top: -17px;
}
main div#dbk div#wrapper div#rp dl div dd.yuan{
	color: #FF6700;
	position: relative;
	left: 96px;
	top: -17px;
}
/* 内容一行文本 */

main div#dbk div#wrapper div#nr dd{
	padding-top: 40px;
	font-size: 20px;
	float: left;
}

/* 内容下图片 */

main div#dbk div#wrapper div#one dl{
	background: #ffffff;
	float: left;
	width: 269px;
	height: 377px;
	margin-right: 9px;
}
main div#dbk div#wrapper div#one dl.y{
	margin-right: 0;
}
main div#dbk div#wrapper div#one dl.fo{
	border-top: 1px solid #ffac13;
}
main div#dbk div#wrapper div#one dl.fo dd.img{
	color: #ffac13;
	padding-top:46px;
}
main div#dbk div#wrapper div#one dl.shi{
	border-top: 1px solid #83c44e;
}
main div#dbk div#wrapper div#one dl.shi dd.zhu{
	color: #83c44e;
	padding-top: 46px;
}
main div#dbk div#wrapper div#one dl.shou{
	border-top: 1px solid #e53935;
}
main div#dbk div#wrapper div#one dl.shou dd.you{
	color: #e53935;
	padding-top: 46px;
}
main div#dbk div#wrapper div#one dl.y{
	border-top:1px solid #2196f3;
}
main div#dbk div#wrapper div#one dl.y dd.ying{
	color: #2196f3;
	padding-top: 46px;
}
main div#dbk div#wrapper div#one dl dd.qi{
	font-size: 15px;
	padding-top: 20px;
}
main div#dbk div#wrapper div#one dl dd.jing{
	color: #b0b0b6;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 20px;
}
main div#dbk div#wrapper div#one dl dd.si{
	padding-top: 15px;
}
main div#dbk div#wrapper div#one dl div{
	width: 200px;
	height: 200px;
	text-align: center;
	margin: 0 auto;
}

/* 视频一行文本 */

main div#dbk div#wrapper div#sp div.left{
	padding-top: 40px;
	font-size: 20px;
	float: left;
}
main div#dbk div#wrapper div#sp div.right{
	padding-top: 40px;
	float: right;
}
main div#dbk div#wrapper div#sp div.right i{
	background: url(../img/hardware_morebtn.png) no-repeat;
	padding: 0 10px;
	margin-left: 10px;
}


/* 视频下图片 */

main div#dbk div#wrapper div#video dl{
	background: #ffffff;
	width: 269px;
	height: 263px;
	float: left;
	margin-right: 9px;
}
main div#dbk div#wrapper div#video dl.tan{
	margin-right: 0;
}
main div#dbk div#wrapper div#video dl dt img{
	width: 269px;
}
main div#dbk div#wrapper div#video dl dd.aa{
	margin-top: 20px;
}
main div#dbk div#wrapper div#video dl dd.product-content{
	margin-top: 10px;
}

